<!DOCTYPE html>
<html>
<head>
  <!-- Latest compiled and minified CSS -->
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
	<link rel="stylesheet" href="stylesheet.css">
	<link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
	<!-- jQuery library -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

	<!-- Popper JS -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

	<!-- Latest compiled JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>

</head>
<body>
  <div class="header" style=" position: block; top: 0; width: 100%;">
    <div class="logo-wrapper">
      <a id="logo-container" href="home.php">
        <img id="logo" src="WebsiteImg/logo 3 cropped 2.png" alt="logo" height="40">
      </a>
</div>
        <div class="header-right">
          <?php
          if (!empty($_SESSION['user_id'])){    
          echo "
          <a href='search.php'>Search</a>
          <a href='welcome.php'>Sell</a>
          <a href='wishlist.php'>Wishlist</a>
          <a href='logout.php'>Logout</a>
          <a href='contact-us.php'>Contact</a>
          ";
          }
          else{
          echo "
          <a href='search.php'>Search</a>
          <a href='contact-us.php'>Contact</a>
          <div class='header-right'>
            <a href='login.php'>Login</a>
            <a href='register.php'>Register</a>
          </div>
          ";
        }
          ?>
        </div>
    </div>
  <div style="padding-left:20px">
  </div>

</body>
</html>
